<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>JClassView</title>
<link rel="stylesheet" href="css/reset-fonts-grids.css" type="text/css">
<link rel="stylesheet" href="css/treeview/jquery.treeview.css" type="text/css">
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/treeview/jquery.treeview.js"></script>
<script type="text/javascript" src="js/jclassview.js"></script>
</head>
<body>
<div id="doc" class="yui-t1">
	<div id="bd" role="main">
		<table width="100%" border="1" bordercolor="#2299D4">
			<tr>
				<td width="20%" valign="top">
					<ul id="tree" class="treeview-red">
					    <li>
					        <span onclick="highlightBlocks(0, 128);">all</span>
					        <ul>
					            <li>
					                <span onclick="highlightBlocks(0, 70);">level11</span>
					                <ul>
					                    <li onclick="highlightBlocks(0, 20);">level21</li>
					                    <li onclick="highlightBlocks(21, 55);">level22</li>
					                    <li onclick="highlightBlocks(56, 70);">level23</li>
					                </ul>
					            </li>
					            <li>
					                <span onclick="highlightBlocks(71, 128);">level12</span>
					                <ul>
					                    <li>
					                        <span onclick="highlightBlocks(71, 100);">level21</span>
					                        <ul>
					                            <li onclick="highlightBlocks(71, 90);">level31</li>
					                            <li onclick="highlightBlocks(91, 100);">level32</li>
					                        </ul>
					                    </li>
					                    <li onclick="highlightBlocks(101, 128);">level22</li>
					                </ul>
					            </li>
					        </ul>
					    </li>
					</ul>
				</td>
				<td width="70%" valign="top">
					<table width="100%">
						<tr>
							<td width="13%">
								<table border="1" width="100%" bordercolor="#D45D22" style="font-family: monospace">
									<tr>
									<td>0x00000000</td>
									</tr>
									<tr>
									<td>0x00000010</td>
									</tr>
									<tr>
									<td>0x00000030</td>
									</tr>
									<tr>
									
									<td>0x00000060</td>
									</tr>
									<tr>
									<td>0x000000A0</td>
									</tr>
									<tr>
									<td>0x000000F0</td>
									</tr>
									<tr>
									<td>0x00000150</td>
									</tr>
									<tr>
									<td>0x000001C0</td>
									
									</tr>
									<tr>
									<td>0x00000240</td>
									</tr>
								</table>
							</td>
							<td width="60%">
								<table id="binTable" border="1" width="100%" bordercolor="#75A36C" style="font-family: monospace">
								<tr>
								<td width="6.25%" align="center">09</td>
								<td width="6.25%" align="center">0A</td>
								
								<td width="6.25%" align="center">0B</td>
								<td width="6.25%" align="center">0C</td>
								<td width="6.25%" align="center">0D</td>
								<td width="6.25%" align="center">0E</td>
								<td width="6.25%" align="center">0F</td>
								<td width="6.25%" align="center">10</td>
								<td width="6.25%" align="center">11</td>
								<td width="6.25%" align="center">12</td>
								<td width="6.25%" align="center">13</td>
								
								<td width="6.25%" align="center">14</td>
								<td width="6.25%" align="center">15</td>
								<td width="6.25%" align="center">16</td>
								<td width="6.25%" align="center">17</td>
								<td width="6.25%" align="center">18</td>
								</tr>
								<tr>
								<td width="6.25%" align="center">19</td>
								<td width="6.25%" align="center">1A</td>
								<td width="6.25%" align="center">1B</td>
								
								<td width="6.25%" align="center">1C</td>
								<td width="6.25%" align="center">1D</td>
								<td width="6.25%" align="center">1E</td>
								<td width="6.25%" align="center">1F</td>
								<td width="6.25%" align="center">20</td>
								<td width="6.25%" align="center">21</td>
								<td width="6.25%" align="center">22</td>
								<td width="6.25%" align="center">23</td>
								<td width="6.25%" align="center">24</td>
								
								<td width="6.25%" align="center">25</td>
								<td width="6.25%" align="center">26</td>
								<td width="6.25%" align="center">27</td>
								<td width="6.25%" align="center">28</td>
								</tr>
								<tr>
								<td width="6.25%" align="center">29</td>
								<td width="6.25%" align="center">2A</td>
								<td width="6.25%" align="center">2B</td>
								<td width="6.25%" align="center">2C</td>
								
								<td width="6.25%" align="center">2D</td>
								<td width="6.25%" align="center">2E</td>
								<td width="6.25%" align="center">2F</td>
								<td width="6.25%" align="center">30</td>
								<td width="6.25%" align="center">31</td>
								<td width="6.25%" align="center">32</td>
								<td width="6.25%" align="center">33</td>
								<td width="6.25%" align="center">34</td>
								<td width="6.25%" align="center">35</td>
								
								<td width="6.25%" align="center">36</td>
								<td width="6.25%" align="center">37</td>
								<td width="6.25%" align="center">38</td>
								</tr>
								<tr>
								<td width="6.25%" align="center">39</td>
								<td width="6.25%" align="center">3A</td>
								<td width="6.25%" align="center">3B</td>
								<td width="6.25%" align="center">3C</td>
								<td width="6.25%" align="center">3D</td>
								
								<td width="6.25%" align="center">3E</td>
								<td width="6.25%" align="center">3F</td>
								<td width="6.25%" align="center">40</td>
								<td width="6.25%" align="center">41</td>
								<td width="6.25%" align="center">42</td>
								<td width="6.25%" align="center">43</td>
								<td width="6.25%" align="center">44</td>
								<td width="6.25%" align="center">45</td>
								<td width="6.25%" align="center">46</td>
								
								<td width="6.25%" align="center">47</td>
								<td width="6.25%" align="center">48</td>
								</tr>
								<tr>
								<td width="6.25%" align="center">49</td>
								<td width="6.25%" align="center">4A</td>
								<td width="6.25%" align="center">4B</td>
								<td width="6.25%" align="center">4C</td>
								<td width="6.25%" align="center">4D</td>
								<td width="6.25%" align="center">4E</td>
								
								<td width="6.25%" align="center">4F</td>
								<td width="6.25%" align="center">50</td>
								<td width="6.25%" align="center">51</td>
								<td width="6.25%" align="center">52</td>
								<td width="6.25%" align="center">53</td>
								<td width="6.25%" align="center">54</td>
								<td width="6.25%" align="center">55</td>
								<td width="6.25%" align="center">56</td>
								<td width="6.25%" align="center">57</td>
								
								<td width="6.25%" align="center">58</td>
								</tr>
								<tr>
								<td width="6.25%" align="center">59</td>
								<td width="6.25%" align="center">5A</td>
								<td width="6.25%" align="center">5B</td>
								<td width="6.25%" align="center">5C</td>
								<td width="6.25%" align="center">5D</td>
								<td width="6.25%" align="center">5E</td>
								<td width="6.25%" align="center">5F</td>
								
								<td width="6.25%" align="center">60</td>
								<td width="6.25%" align="center">61</td>
								<td width="6.25%" align="center">62</td>
								<td width="6.25%" align="center">63</td>
								<td width="6.25%" align="center">64</td>
								<td width="6.25%" align="center">65</td>
								<td width="6.25%" align="center">66</td>
								<td width="6.25%" align="center">67</td>
								<td width="6.25%" align="center">68</td>
								
								</tr>
								<tr>
								<td width="6.25%" align="center">69</td>
								<td width="6.25%" align="center">6A</td>
								<td width="6.25%" align="center">6B</td>
								<td width="6.25%" align="center">6C</td>
								<td width="6.25%" align="center">6D</td>
								<td width="6.25%" align="center">6E</td>
								<td width="6.25%" align="center">6F</td>
								<td width="6.25%" align="center">70</td>
								
								<td width="6.25%" align="center">71</td>
								<td width="6.25%" align="center">72</td>
								<td width="6.25%" align="center">73</td>
								<td width="6.25%" align="center">74</td>
								<td width="6.25%" align="center">75</td>
								<td width="6.25%" align="center">76</td>
								<td width="6.25%" align="center">77</td>
								<td width="6.25%" align="center">78</td>
								</tr>
								
								<tr>
								<td width="6.25%" align="center">79</td>
								<td width="6.25%" align="center">7A</td>
								<td width="6.25%" align="center">7B</td>
								<td width="6.25%" align="center">7C</td>
								<td width="6.25%" align="center">7D</td>
								<td width="6.25%" align="center">7E</td>
								<td width="6.25%" align="center">7F</td>
								<td width="6.25%" align="center">80</td>
								
								<td width="6.25%" align="center">81</td>
								<td width="6.25%" align="center">82</td>
								<td width="6.25%" align="center">83</td>
								<td width="6.25%" align="center">84</td>
								<td width="6.25%" align="center">85</td>
								<td width="6.25%" align="center">86</td>
								<td width="6.25%" align="center">87</td>
								<td width="6.25%" align="center">88</td>
								</tr>
								
								<tr>
								<td width="6.25%" align="center">89</td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								
								<td width="6.25%" align="center"></td>
								</tr>
								</table>
							</td>
							<td width="27%">
								<table id="charTable" border="1" width="100%" bordercolor="#E6CAED" style="font-family: monospace">
								<tr>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								</tr>
								<tr>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center"> </td>
								<td width="6.25%" align="center">!</td>
								<td width="6.25%" align="center">"</td>
								<td width="6.25%" align="center">#</td>
								<td width="6.25%" align="center">$</td>
								<td width="6.25%" align="center">%</td>
								<td width="6.25%" align="center">&</td>
								
								<td width="6.25%" align="center">'</td>
								<td width="6.25%" align="center">(</td>
								</tr>
								<tr>
								<td width="6.25%" align="center">)</td>
								<td width="6.25%" align="center">*</td>
								<td width="6.25%" align="center">+</td>
								<td width="6.25%" align="center">,</td>
								<td width="6.25%" align="center">-</td>
								<td width="6.25%" align="center">.</td>
								
								<td width="6.25%" align="center">/</td>
								<td width="6.25%" align="center">0</td>
								<td width="6.25%" align="center">1</td>
								<td width="6.25%" align="center">2</td>
								<td width="6.25%" align="center">3</td>
								<td width="6.25%" align="center">4</td>
								<td width="6.25%" align="center">5</td>
								<td width="6.25%" align="center">6</td>
								<td width="6.25%" align="center">7</td>
								
								<td width="6.25%" align="center">8</td>
								</tr>
								<tr>
								<td width="6.25%" align="center">9</td>
								<td width="6.25%" align="center">:</td>
								<td width="6.25%" align="center">;</td>
								<td width="6.25%" align="center"><</td>
								<td width="6.25%" align="center">=</td>
								<td width="6.25%" align="center">></td>
								<td width="6.25%" align="center">?</td>
								
								<td width="6.25%" align="center">@</td>
								<td width="6.25%" align="center">A</td>
								<td width="6.25%" align="center">B</td>
								<td width="6.25%" align="center">C</td>
								<td width="6.25%" align="center">D</td>
								<td width="6.25%" align="center">E</td>
								<td width="6.25%" align="center">F</td>
								<td width="6.25%" align="center">G</td>
								<td width="6.25%" align="center">H</td>
								
								</tr>
								<tr>
								<td width="6.25%" align="center">I</td>
								<td width="6.25%" align="center">J</td>
								<td width="6.25%" align="center">K</td>
								<td width="6.25%" align="center">L</td>
								<td width="6.25%" align="center">M</td>
								<td width="6.25%" align="center">N</td>
								<td width="6.25%" align="center">O</td>
								<td width="6.25%" align="center">P</td>
								
								<td width="6.25%" align="center">Q</td>
								<td width="6.25%" align="center">R</td>
								<td width="6.25%" align="center">S</td>
								<td width="6.25%" align="center">T</td>
								<td width="6.25%" align="center">U</td>
								<td width="6.25%" align="center">V</td>
								<td width="6.25%" align="center">W</td>
								<td width="6.25%" align="center">X</td>
								</tr>
								
								<tr>
								<td width="6.25%" align="center">Y</td>
								<td width="6.25%" align="center">Z</td>
								<td width="6.25%" align="center">[</td>
								<td width="6.25%" align="center">\</td>
								<td width="6.25%" align="center">]</td>
								<td width="6.25%" align="center">^</td>
								<td width="6.25%" align="center">_</td>
								<td width="6.25%" align="center">`</td>
								
								<td width="6.25%" align="center">a</td>
								<td width="6.25%" align="center">b</td>
								<td width="6.25%" align="center">c</td>
								<td width="6.25%" align="center">d</td>
								<td width="6.25%" align="center">e</td>
								<td width="6.25%" align="center">f</td>
								<td width="6.25%" align="center">g</td>
								<td width="6.25%" align="center">h</td>
								</tr>
								
								<tr>
								<td width="6.25%" align="center">i</td>
								<td width="6.25%" align="center">j</td>
								<td width="6.25%" align="center">k</td>
								<td width="6.25%" align="center">l</td>
								<td width="6.25%" align="center">m</td>
								<td width="6.25%" align="center">n</td>
								<td width="6.25%" align="center">o</td>
								<td width="6.25%" align="center">p</td>
								
								<td width="6.25%" align="center">q</td>
								<td width="6.25%" align="center">r</td>
								<td width="6.25%" align="center">s</td>
								<td width="6.25%" align="center">t</td>
								<td width="6.25%" align="center">u</td>
								<td width="6.25%" align="center">v</td>
								<td width="6.25%" align="center">w</td>
								<td width="6.25%" align="center">x</td>
								</tr>
								
								<tr>
								<td width="6.25%" align="center">y</td>
								<td width="6.25%" align="center">z</td>
								<td width="6.25%" align="center">{</td>
								<td width="6.25%" align="center">|</td>
								<td width="6.25%" align="center">}</td>
								<td width="6.25%" align="center">~</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center">.</td>
								</tr>
								
								<tr>
								<td width="6.25%" align="center">.</td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								<td width="6.25%" align="center"></td>
								
								<td width="6.25%" align="center"></td>
								</tr>
								</table>

							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</div>
</div>
<script>
	$(document).ready(function() {
		$("#tree").treeview( {
			collapsed : true,
			toggle : function() {
				// alert("toggle: " + this);
			},
			persist : "location"
		});
	});
</script>
</body>
</html>
